<!DOCTYPE html>
<html style="overflow-x:auto;overflow-y:auto;">
<head>
	<title>分配权限</title><!--  - Powered By JeeSite -->
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><meta name="author" content="http://jeesite.com/"/>
<meta name="renderer" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=8,IE=9,IE=10" />
<meta http-equiv="Expires" content="0"><meta http-equiv="Cache-Control" content="no-cache"><meta http-equiv="Cache-Control" content="no-store">
<script src="http://119.23.127.181:9080/jeesite/static/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://119.23.127.181:9080/jeesite/static/scripts/jquery-ui.js"></script>
<script type="text/javascript" src="http://119.23.127.181:9080/jeesite/static/scripts/jquery.iframe-transport.js"></script>
<script type="text/javascript" src="http://119.23.127.181:9080/jeesite/static/scripts/jquery.fileupload.js"></script>
<!-- <link href="/jeesite/static/bootstrap/2.3.1/css_cerulean/bootstrap.min.css" type="text/css" rel="stylesheet" /> -->
<link href="http://119.23.127.181:9080/jeesite/static/bootstrap/2.3.1/css_black/bootstrap.css" type="text/css" rel="stylesheet" />
<script src="http://119.23.127.181:9080/jeesite/static/bootstrap/2.3.1/js/bootstrap.min.js" type="text/javascript"></script>
<link href="http://119.23.127.181:9080/jeesite/static/bootstrap/2.3.1/awesome/font-awesome.min.css" type="text/css" rel="stylesheet" />

</head>
<body>
	<style type="text/css">
	html,body{height:100%} 
	.scrum-box{
		height:100%;
		padding: 15px 0;
		box-sizing: border-box;
	}
	ul,li{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.scrum-stage{
		float: left;  
	    width: 31.33333%;
	    height: 100%;	    
	    border-radius: 3px;	    
	    background-color: #EEEEEE;
	    margin:0 1%;
	}
	.scrum-stage ul{
		padding: 0 10px 10px;
	}
	.list-group li{
		position: relative;
	    display: block;
	    padding: 10px 15px;
	    margin-bottom: -1px;
	    background-color: #fff;
	    border: 1px solid #ddd;
	}
	.stage-name{
		padding: 10px 18px;
	    font-size: 15px;
	    font-weight: bold;
	}
	</style>
	<div class="scrum-box">
		<div class="scrum-stage">
			<div class="stage-name">
				待处理  
			</div>
			<ul class="list-group">
				<li>
					任务名称:你猜
				</li>
				<li>
					任务名称:你猜
				</li>
				<li>
					任务名称:你猜
				</li>
				<li>
					任务名称:你猜
				</li>		
			</ul>
		</div>
		<div class="scrum-stage">
			<div class="stage-name">
				待处理  
			</div>
			<ul class="list-group">
				<li>
					任务名称:你猜
				</li>
				<li>
					任务名称:你猜
				</li>
				<li>
					任务名称:你猜
				</li>
				<li>
					任务名称:你猜
				</li>		
			</ul>
		</div>
		<div class="scrum-stage">
			<div class="stage-name">
				待处理  
			</div>
			<ul class="list-group">
				<li>
					任务名称:你猜
				</li>
				<li>
					任务名称:你猜
				</li>
				<li>
					任务名称:你猜
				</li>
				<li>
					任务名称:你猜
				</li>		
			</ul>
		</div>		
	</div>		
</body>
</html>